﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/statics/CSS/1.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/statics/CSS/weui.css"/>

    <style>
        .xn_mc_prodv_31_wrap{
            width: 100%;
        }
        #head {
            width: 100%;
            height: 48px;
            background:#fafafa;
            position: relative;
            border-bottom: 1px solid rgba(216,216,216,.5);
        }
        .EIMS_C_50008_bottom input:first-child {
            background: #8BC34A;
            float: left;
        }
        .EIMS_C_50008_bottom input:last-child {
            background: #4CAF50;
            float: right;
        }
        .EIMS_C_50008_PropertyRow a{
            color: #999;
            border: solid 1px #eee;
            background-color:white;
        }
        .EIMS_C_50008_PropertyRow a {
            width: 60px;

        }
        .xn_mh_prodv_1_wrap {
            height: 43px;
            line-height: 43px;
            color: #191919;
            text-align: center;
            font-size: 1.4rem;
        }
        .xn_mc_prodv_13_main {
            width: 100%;
            line-height: 16px;
            color: #999;
            font-size: 1.4rem;
            overflow: hidden;
            padding: 0 10px;
            margin-bottom: 50px;
        }
    </style>
</head>
<body>


<form name="form1" action="">
    <div>
        <header id="head">
            <!--h_back-->
            <div id="h_back" class="h_back">
                <a onclick="window.history.go(-1);">
                    <img src="Images/QQ图片20170911193144.jpg"/>
                    <span aria-hidden="true" class="icon-undo"></span><span class="back_bq2">返回</span>
                </a>

            </div>
            <!--end_h_back-->
            <!--h_home-->
            <div id="h_home" class="h_home">
                <a href="index.html">
                    <img src="Images/QQ图片20170911091024.jpg"/>
                    <span aria-hidden="true" class="icon-home"></span><span class="back_bq1">主页</span>
                </a>

            </div>
            <!--end_h_home-->
            <!--xn_mh_prodv_1_wrap-->
            <div id="xn_mh_prodv_1_wrap" class="xn_mh_prodv_1_wrap">
                <span>详情</span>

            </div>
            <!--end_xn_mh_prodv_1_wrap-->


            <!--end_xn_mh_5_wrap-->
        </header>
        <input type="hidden" name="__VIEWSTATE" id="
__VIEWSTATE" value="">
    </div>

    <!--ea_ba-->
    <div id="ea_ba" moudule="true">
    </div>
    <!--ea_ba-->
    <!--ea_c-->

    <div id="ea_c" moudule="true">
        <div id="content" class="content">
            <!--xn_mc_prodv_31_wrap-->
            <div class="xn_mc_prodv_31_wrap" id="xn_mc_prodv_31_wrap">

                <div id="EIMS_C_50007_wrap" class="EIMS_C_50007_wrap">
                    <div class="EIMS_C_50007_main">

                            <ul class="EIMS_C_50007_ul" style="width: 960px; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0px;"><li lights="0" style="width: 320px;"><img  src="http://0.rc.xiniu.com/g1/M00/6D/BF/CgAGTFgbBtWATItAAABC0rVrJEQ325.jpg"></li><li lights="1" style="width: 320px;"><img src="http://0.rc.xiniu.com/g1/M00/6D/BF/CgAGTFgbBtmASiFGAABQP7BdimA437.jpg"></li><li lights="2" style="width: 320px;"><img data-original="http://0.rc.xiniu.com/g1/M00/6D/BF/CgAGTFgbBtyAW8UWAAK1EbsjLq0674.jpg" src="http://0.rc.xiniu.com/g1/M00/6D/BF/CgAGTFgbBtyAW8UWAAK1EbsjLq0674.jpg"></li></ul>
                        </div>
                    </div>

                    <script type="text/javascript">
                        var relatedImages = 'http://0.rc.xiniu.com/g1/M00/45/CD/CgAGS1ee-U2AeUF6AAFeuhE03GE570.jpg';
                    </script>
                </div>
                <!-- EIMS_C_50007 End -->
                <!--手机企业电商产品详情页产品多图展示 end-->

            </div>
            <!--end_xn_mc_prodv_31_wrap-->
            <!--xn_mc_prodv_32_wrap-->
            <div class="xn_mc_prodv_32_wrap" id="xn_mc_prodv_32_wrap">
                <!--手机企业电商产品详情页产品标题、价格、销售属性、购买、加入购物车 start 20150831-->
                <!-- EIMS_C_50008 Start -->
                <div id="EIMS_C_50008_Panel" class="EIMS_C_50008_Panel">
                    <div id="EIMS_C_50008_Main">
                        <div class="EIMS_C_50008_productInfo">
                            <div class="EIMS_C_50008_productName" id="EIMS_C_50008_Name">O HUI/欧慧迷魅圆管口红4.5g 亮彩滋润唇膏 52# 17号202 尹恩惠同款</div>
                            <div class="xn_mc_prodv_32_pricem">
                                <div class="xn_mc_prodv_32_pxs">批价：￥<span class="EIMS_C_50008_BuyPrice">183.00</span></div>
                                <div class="EIMS_C_50008_linethrough">市场价：￥<span id="EIMS_C_50008_MarketPrice">0.00</span></div>
                            </div>
                        </div>
                        <div class="EIMS_C_50008_property">
                            <span>选择：<span id="EIMS_C_50008_SelectedProperty">功效,起批</span></span>
                            <img src="Images/down.svg" alt="选择商品属性">
                        </div>
                        <div class="EIMS_C_50008_bottom">
                            <input type="button" value="立即购买" id="EIMS_C_50008_btnBuyNow">
                            <input type="button" value="加入进货单" id="EIMS_C_50008_btnAddCart">
                        </div>
                    </div>
                    <div class="EIMS_C_50008_selectors" id="mb" style="margin-left: 375px;">
                        <div class="EIMS_C_50008_arrowLeft">
                            <img src="Images/down.svg" alt="return">
                        </div>
                        <div class="EIMS_C_50008_selectors_right">
                            <div id="EIMS_C_50008_selectors_productInfo">
                                <span id="EIMS_C_50008_productAliaName">O HUI/欧慧迷魅圆管口红4.5g 亮彩滋润唇膏 52# 17号202 尹恩惠同款 滋润 ≥50件</span>
                                <span>批价：￥<span class="EIMS_C_50008_BuyPrice">183.00</span></span>
                            </div>
                            <div class="EIMS_C_50008_SaleProperty" style="display: block;"><div class="EIMS_C_50008_PropertyRow">功效：<a href="javascript:" class="EIMS_C_50008_SelectedPro EIMS_C_50008_FirstLevel" bindtype="0" bindid="1729">502</a>&nbsp;<a href="javascript:" class="EIMS_C_50008_DefaultPro EIMS_C_50008_FirstLevel" bindtype="0" bindid="1733">202</a>&nbsp;<a href="javascript:" class="EIMS_C_50008_DefaultPro EIMS_C_50008_FirstLevel" bindtype="0" bindid="1737">17</a>&nbsp;</div><div class="EIMS_C_50008_PropertyRow">起批：<a href="javascript:" class="EIMS_C_50008_DefaultPro" bindtype="1" bindid="1731" bindkeyid="27">1-9件</a>&nbsp;<a href="javascript:" class="EIMS_C_50008_DefaultPro" bindtype="1" bindid="1732" bindkeyid="28">10-49件</a>&nbsp;<a href="javascript:" class="EIMS_C_50008_SelectedPro" bindtype="1" bindid="1730" bindkeyid="21">≥50件</a>&nbsp;</div></div>
                            <div class="EIMS_C_50008_productCount">
                                <label for="EIMS_C_50008_ProNum">数量：</label>
                                <span id="EIMS_C_50008_MinusCount" bindtype="0">-</span>
                                <input type="number" id="EIMS_C_50008_ProNum" min="1" value="1">
                                <span class="EIMS_C_50008_AddCount" bindtype="1">+</span>
                                <span class="EIMS_C_50008_StockSpan">库存：<span id="EIMS_C_50008_Stock">100</span>件</span>
                            </div>
                            <input type="button" value="确定" id="EIMS_C_50008_btnOk">
                        </div>
                    </div>

                </div>
                <!-- EIMS_C_50008 End -->
                <!--手机企业电商产品详情页产品标题、价格、销售属性、购买、加入购物车 end-->

            </div>
            <!--end_xn_mc_prodv_32_wrap-->
            <!--xn_mc_prodv_16_wrap-->
            <article class="xn_mc_prodv_16_wrap" id="xn_mc_prodv_16_wrap">
                <!--产品型号 2014-09-12-->
                <h3 class="xn_mc_prodv_16_head" id="xn_mc_prodv_16_head">产品型号</h3>
                <div class="xn_mc_prodv_16_main" id="xn_mc_prodv_16_main">
                    <span id="xn_mc_prodv_16_text"></span>
                </div>

            </article>
            <!--end_xn_mc_prodv_16_wrap-->
            <!--xn_mc_prodv_13_wrap-->
            <article class="xn_mc_prodv_13_wrap" id="xn_mc_prodv_13_wrap">
                <!--产品说明 2014-09-12-->
                <h3 class="xn_mc_prodv_13_head" id="xn_mc_prodv_13_head">产品说明</h3>
                <div class="xn_mc_prodv_13_main" id="xn_mc_prodv_13_main">
                    <span id="xn_mc_prodv_13_text"><p></p><p>&nbsp;<a href="index.html" target="_self">&nbsp; &nbsp;欧慧迷魅圆管口红</a></p><p></p></span>
                </div>

            </article>
            <!--end_xn_mc_prodv_13_wrap-->
        </div>
    </div>
    <!--ea_c-->
    <!--ea_b-->
    <div id="ea_b" moudule="true">
        <footer id="n_foot">
            <!--xn_mf_1-->
            <div class="xn_mf_1" id="xn_mf_1">

                <span class="copy"></span>


            </div>
            <!--end_xn_mf_1-->
        </footer>
    </div>
    <!--ea_b-->
    <!--ea_m-->
    <div id="ea_m">
    </div>
    <!--ea_m-->
</form>
</body>
<script src="${pageContext.request.contextPath }/statics/JS/jquery-1.8.3.js"></script>




<script>
    $(
     function(){
         $("#EIMS_C_50008_btnAddCart").click(function(){
             $(".EIMS_C_50008_selectors").css("margin-left","0px");
             $("#EIMS_C_50008_btnOk").click(function () {
                 alert("已添加购物车");
                 $(".EIMS_C_50008_selectors").css("margin-left","320px");
             });
         });
         $(".EIMS_C_50008_arrowLeft").click(function(){
             $(".EIMS_C_50008_selectors").css("margin-left","320px");
         });

         $(".EIMS_C_50008_PropertyRow a").click(function () {
             $(this).css("background-color","#ccc");
             $(this).siblings("a").css({
                 "background-color":"white",
                 "border-radius":"5px"
             });
         });

         for(var i=1;i<2;i++){
         $(".EIMS_C_50008_AddCount").click(function () {
             $("#EIMS_C_50008_ProNum").val(i++);
         });
         }
         $(".EIMS_C_50008_property").click(function () {
             $(".EIMS_C_50008_selectors").css("margin-left","0px");
         })
     });
      var EIMS_C_50008_btnOk=document.getElementById("EIMS_C_50008_btnOk");
      var EIMS_C_50008_btnBuyNow=document.getElementById("EIMS_C_50008_btnBuyNow");
      var mb=document.getElementById("mb");
        EIMS_C_50008_btnBuyNow.onclick=function () {
        mb.style.marginLeft='0px';
        EIMS_C_50008_btnOk.onclick=function () {
            location='shopCar.html';
        };
    };

  /* $("#EIMS_C_50008_btnBuyNow").click(function () {
        $(".EIMS_C_50008_selectors").css("margin-left","0px");
        $("#EIMS_C_50008_btnOk").click(function () {
            alert(1);
        })
   })*/
    var EIMS_C_50008_MinusCount=document.getElementById("EIMS_C_50008_MinusCount");
    var EIMS_C_50008_ProNum=document.getElementById("EIMS_C_50008_ProNum");

       EIMS_C_50008_MinusCount.onclick=function () {
            EIMS_C_50008_ProNum.value=parseInt(EIMS_C_50008_ProNum.value-1);
            if((EIMS_C_50008_ProNum.value)<1){
                EIMS_C_50008_ProNum.value=1;
            }
    }

</script>

</html>